{"ast":null,"code":"var _jsxFileName = \"/Users/iliyagladkov/Documents/projects/to-do-list/src/App.js\",\n  _s = $RefreshSig$();\nimport { useState } from 'react';\nimport ToDoList from './components/ToDoList';\nimport MyButtonAdd from './components/UI/MyButton/MyButtonAdd/MyButtonAdd';\nimport './style/App.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nfunction App() {\n  _s();\n  const [toDoItems, setToDoItem] = useState([{\n    id: 1,\n    title: 'JavaScript',\n    body: 'Description'\n  }, {\n    id: 2,\n    title: 'Python',\n    body: 'Description'\n  }, {\n    id: 3,\n    title: 'C++',\n    body: 'Description'\n  }]);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"App\",\n    children: [/*#__PURE__*/_jsxDEV(\"h1\", {\n      style: {\n        marginTop: '10px'\n      },\n      className: \"header\",\n      children: \"TO-DO LIST\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"hr\", {\n      style: {\n        margin: '15px 0',\n        width: '100%'\n      }\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 17,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"form\", {\n      children: [/*#__PURE__*/_jsxDEV(\"input\", {\n        type: \"date\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 19,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"input\", {\n        type: \"text\",\n        placeholder: \"This is title...\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"input\", {\n        type: \"text\",\n        placeholder: \"This is description...\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 21,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(ToDoList, {\n      toDoItems: toDoItems\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 23,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(MyButtonAdd, {\n      style: {\n        width: '100%'\n      }\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 15,\n    columnNumber: 5\n  }, this);\n}\n_s(App, \"yn3/E6yc2KcvkRfsFUNRVZUfgt0=\");\n_c = App;\nexport default App;\nvar _c;\n$RefreshReg$(_c, \"App\");","map":{"version":3,"names":["useState","ToDoList","MyButtonAdd","App","toDoItems","setToDoItem","id","title","body","marginTop","margin","width"],"sources":["/Users/iliyagladkov/Documents/projects/to-do-list/src/App.js"],"sourcesContent":["import { useState } from 'react';\nimport ToDoList from './components/ToDoList';\nimport MyButtonAdd from './components/UI/MyButton/MyButtonAdd/MyButtonAdd'\nimport './style/App.css';\n\nfunction App() {\n\n  const [toDoItems, setToDoItem] = useState([\n    {id: 1, title: 'JavaScript', body: 'Description'},\n    {id: 2, title: 'Python', body: 'Description'},\n    {id: 3, title: 'C++', body: 'Description'}\n  ])\n\n  return (\n    <div className=\"App\">\n      <h1 style={{marginTop: '10px'}} className='header'>TO-DO LIST</h1>\n      <hr style={{margin: '15px 0', width: '100%'}}/>\n      <form>\n        <input type=\"date\"/>\n        <input type=\"text\" placeholder='This is title...'/>\n        <input type=\"text\" placeholder='This is description...'/>\n      </form>\n      <ToDoList toDoItems={toDoItems}></ToDoList>\n      <MyButtonAdd style={{width: '100%'}}/>\n    </div>\n  );\n}\n\nexport default App;\n"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,OAAOC,QAAQ,MAAM,uBAAuB;AAC5C,OAAOC,WAAW,MAAM,kDAAkD;AAC1E,OAAO,iBAAiB;AAAC;AAEzB,SAASC,GAAG,GAAG;EAAA;EAEb,MAAM,CAACC,SAAS,EAAEC,WAAW,CAAC,GAAGL,QAAQ,CAAC,CACxC;IAACM,EAAE,EAAE,CAAC;IAAEC,KAAK,EAAE,YAAY;IAAEC,IAAI,EAAE;EAAa,CAAC,EACjD;IAACF,EAAE,EAAE,CAAC;IAAEC,KAAK,EAAE,QAAQ;IAAEC,IAAI,EAAE;EAAa,CAAC,EAC7C;IAACF,EAAE,EAAE,CAAC;IAAEC,KAAK,EAAE,KAAK;IAAEC,IAAI,EAAE;EAAa,CAAC,CAC3C,CAAC;EAEF,oBACE;IAAK,SAAS,EAAC,KAAK;IAAA,wBAClB;MAAI,KAAK,EAAE;QAACC,SAAS,EAAE;MAAM,CAAE;MAAC,SAAS,EAAC,QAAQ;MAAA,UAAC;IAAU;MAAA;MAAA;MAAA;IAAA,QAAK,eAClE;MAAI,KAAK,EAAE;QAACC,MAAM,EAAE,QAAQ;QAAEC,KAAK,EAAE;MAAM;IAAE;MAAA;MAAA;MAAA;IAAA,QAAE,eAC/C;MAAA,wBACE;QAAO,IAAI,EAAC;MAAM;QAAA;QAAA;QAAA;MAAA,QAAE,eACpB;QAAO,IAAI,EAAC,MAAM;QAAC,WAAW,EAAC;MAAkB;QAAA;QAAA;QAAA;MAAA,QAAE,eACnD;QAAO,IAAI,EAAC,MAAM;QAAC,WAAW,EAAC;MAAwB;QAAA;QAAA;QAAA;MAAA,QAAE;IAAA;MAAA;MAAA;MAAA;IAAA,QACpD,eACP,QAAC,QAAQ;MAAC,SAAS,EAAEP;IAAU;MAAA;MAAA;MAAA;IAAA,QAAY,eAC3C,QAAC,WAAW;MAAC,KAAK,EAAE;QAACO,KAAK,EAAE;MAAM;IAAE;MAAA;MAAA;MAAA;IAAA,QAAE;EAAA;IAAA;IAAA;IAAA;EAAA,QAClC;AAEV;AAAC,GArBQR,GAAG;AAAA,KAAHA,GAAG;AAuBZ,eAAeA,GAAG;AAAC;AAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}